<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<h:dataTable id="tablaViaje" value="#{gestorExperiencias.listasExperiencias.viaje}" var="viaje"
             styleClass="tablaJugadores">
    <h:column>
        <f:facet name="header">
            <h:outputText value="ID Jugador"/>
        </f:facet>
        <h:selectOneMenu value="#{viaje.jugador}">
            <f:selectItems value="#{form.jugadores}"/>
        </h:selectOneMenu>
    </h:column>
    <h:column>
        <f:facet name="header">
            <h:outputText value="Tipo de Camino"/>
        </f:facet>
        <h:selectOneMenu value="#{viaje.tipoCamino}">
            <f:selectItems value="#{form.tipoCaminoViaje}"/>
        </h:selectOneMenu>
    </h:column>
    <h:column>
        <f:facet name="header">
            <h:outputText value="Kilómetros"/>
        </f:facet>
        <h:panelGroup>
            <h:inputText size="4" value="#{viaje.km}"/>
            <h:outputText value="Km"/>
        </h:panelGroup>
    </h:column>
    <h:column>
        <f:facet name="header">
            <h:outputText value="Estado del viajero"/>
        </f:facet>
        <h:selectOneMenu value="#{viaje.estado}">
            <f:selectItems value="#{form.estadoViaje}"/>
        </h:selectOneMenu>
    </h:column>
    <h:column>
        <f:facet name="header">
            <h:outputText value="Compartido"/>
        </f:facet>
        <h:selectOneMenu value="#{viaje.compartido}">
            <f:selectItems value="#{form.compartido}"/>
        </h:selectOneMenu>
    </h:column>
    <%-- --%>
    <h:column>
        <f:facet name="header">
            <h:outputText value="Puntos"/>
        </f:facet>
        <h:inputText readonly="true" size="4" value="#{viaje.exp}"/>
    </h:column>
   
    <h:column>
        <f:facet name="header">
            <h:outputText value="Cambiar"/>
        </f:facet>
        <h:commandLink action="#{gestorExperiencias.modificaExperiencia}">
            <h:graphicImage url="img/accept-24x24.png"/>
            <f:param name="id" value="#{viaje.id}"/>
            <f:param name="experiencia" value="viaje"/>
        </h:commandLink>
    </h:column>
    <h:column>
        <f:facet name="header">
            <h:outputText value="Eliminar"/>
        </f:facet>
        <h:commandLink action="#{gestorExperiencias.eliminaExperiencia}">
            <h:graphicImage url="img/delete-24x24.png"/>
            <f:param name="id" value="#{viaje.id}"/>
            <f:param name="experiencia" value="viaje"/>
        </h:commandLink>
    </h:column>
</h:dataTable>

<h:panelGrid columns="6" styleClass="tablaJugadores">
    <h:outputText value="Jugador"/>
    <h:outputText value="Tipo de Camino"/>
    <h:outputText value="Kilómetros"/>
    <h:outputText value="Estado del viajero"/>
    <h:outputText value="Compartido"/>
    <h:outputText value="Nuevo"/>

    <h:selectOneMenu value="#{gestorExperiencias.entidadesBase.viaje.jugador}">
        <f:selectItems value="#{form.jugadores}"/>
    </h:selectOneMenu>
    <h:selectOneMenu value="#{gestorExperiencias.entidadesBase.viaje.tipoCamino}">
        <f:selectItems value="#{form.tipoCaminoViaje}"/>
    </h:selectOneMenu>
    <h:inputText size="4" value="#{gestorExperiencias.entidadesBase.viaje.km}"/>
    <h:selectOneMenu value="#{gestorExperiencias.entidadesBase.viaje.estado}">
        <f:selectItems value="#{form.estadoViaje}"/>
    </h:selectOneMenu>
    <h:selectOneMenu value="#{gestorExperiencias.entidadesBase.viaje.compartido}">
        <f:selectItems value="#{form.compartido}"/>
    </h:selectOneMenu>
    <h:commandLink action="#{gestorExperiencias.nuevaExperiencia}">
        <h:graphicImage url="img/add-24x24.png"/>
        <f:param name="experiencia" value="viaje"/>
    </h:commandLink>
</h:panelGrid>